<template>
  <div class="box">
    <div class="left">
      <slot name="title">
        <p>歌名</p>
      </slot>
      <slot name="label">
        <p>歌手</p>
      </slot>
    </div>
    <div class="right">
      <slot name="value"><p>专辑名</p></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'cell'
}
</script>

<style>
.left {
  width: 70%;
}
.right {
  width: 30%;
}
.box {
  border: 1px solid #000;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
